body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* photo manager */
#album { width:90%; max-width:1280px; margin:auto; }
#album:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
.photo { width:26%; height:300px; padding:2% 2% 3%; margin:0 5% 5% 0; position:relative; float:left; box-shadow:0 1px 4px rgba(0,0,0,.5); }
.photo:nth-child(3n+4) { margin:0 0 5% 0; }
.photo img { max-width:100%; border:1px solid #797979; border-right-color:#ddd; border-bottom-color:#f7f7f7; margin-bottom:2%; }
.photo figcaption { font-weight:bold; }
.photo footer { width:87%; position:absolute; left:7%; bottom:6%; }
.photo small { display:inline-block; line-height:18px; padding-right:20px; position:relative; float:right; }
.license { display:inline-block; width:16px; height:16px; overflow:hidden; position:absolute; right:0; text-indent:-9999em; background:url(/img/info.png) no-repeat 0 50%; }

header { margin-bottom:20px; }
hgroup h1 { float:left; }
hgroup h2 { float:right; }
hgroup:after { content:""; display:block; height:0; visibility:hidden; clear:both; }

#edit { float:left; }
.photo input { width:100%; height:10%; margin-bottom:6.5%; }
.photo button { margin-right:5%; }
#delete { float:right; }